/*
动画样式
*/
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.sild-leave-active {
  transition: all 1.5s;
}
 .sild-enter-active  {
  transition: all .4s;
}

/* .sild-enter /* .fade-leave-active below version 2.1.8  {
  transform:translate3d(100%, 0, 0);
}
.sild-leave-to /* .fade-leave-active below version 2.1.8  {
  transform:translate3d(-100%, 0, 0);
} */

.sild1-leave-active  {
  transition: all .4s;
}
.sild1-enter-active {
  transition: all .4s;
}
/*
.sild1-enter /* .fade-leave-active below version 2.1.8  {
  transform:translate3d(-100%, 0, 0);
}
.sild1-leave-to /* .fade-leave-active below version 2.1.8  {
  transform:translate3d(100%, 0, 0);
}
*/

.sild-enter /* .fade-leave-active below version 2.1.8 */ {
  transform: translate3d(2rem, 0, 0);
  opacity: 0;
}
.sild-leave-to /* .fade-leave-active below version 2.1.8 */ {
  transform: translate3d(-2rem, 0, 0);
  opacity: 0;
}

.sild1-enter /* .fade-leave-active below version 2.1.8 */ {
  /* transform: translate3d(-2rem, 0, 0); */
  opacity: 0;
}
.sild1-leave-to /* .fade-leave-active below version 2.1.8 */ {
  transform: translate3d(2rem, 0, 0);
  opacity: 0;
}
